<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%= htmlWebpackPlugin.options.title%></title>
  </head>

  <body>
    <header>
      <div class="layer"></div>
      <div class="switch">
        <span><a href="javascript:;">Tien的博客</a></span>
        <span><a>|</a></span>
        <span><a href="./global.html" target="_self">全球疫情</a></span>
      </div>
      <h1>全国疫情实时数据报告</h1>
      <div class="showTime"></div>
    </header>
    <section class="mainbox">
      <div class="column">
        <div class="panel line_1">
          <h2>全国累计趋势</h2>
          <div class="chart"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line_2">
          <h2>全国新增趋势</h2>
          <div class="chart"></div>
          <div class="panel-footer"></div>
        </div>
      </div>

      <div class="column">
        <div class="no">
          <div class="no-hd">
            <ul>
              <li class="confirmed_Count"></li>
              <li class="suspected_Count"></li>
              <li class="cured_Count"></li>
              <li class="dead_Count"></li>
            </ul>
          </div>
          <div class="no-bd">
            <ul>
              <li>累计确诊</li>
              <li>疑似感染</li>
              <li>累计治愈</li>
              <li>累计死亡</li>
            </ul>
          </div>
        </div>
        <div class="map">
          <div class="map1"></div>
          <div class="map2"></div>
          <div class="map3"></div>
          <div class="china"></div>
        </div>
      </div>

      <div class="column">
        <div class="panel bar">
          <h2>港澳台累计</h2>
          <div class="chart"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel wordCloud">
          <h2>微博热搜</h2>
          <div class="chart"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
    </section>
    <footer></footer>
  </body>
</html>
